﻿<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    request.setAttribute("path", request.getContextPath());
%>
<!doctype html>
<html class="no-js" lang="zh-cn">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>首页-青鸟优选</title>
        <link rel="icon" href="${path}/jbs/images/ico.ico" type="image/x-icon">
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

		<link rel="shortcut icon" type="image/x-icon" href="${path}/assets/${path}/assets/img/favicon.png">
        <!-- Place favicon.ico in the root directory -->

		<!-- CSS here -->
        <link rel="stylesheet" href="${path}/assets/css/bootstrap.min.css">
        <link rel="stylesheet" href="${path}/assets/css/animate.min.css">
        <link rel="stylesheet" href="${path}/assets/css/magnific-popup.css">
        <link rel="stylesheet" href="${path}/assets/css/fontawesome-all.min.css">
        <link rel="stylesheet" href="${path}/assets/css/jquery-ui.css">
        <link rel="stylesheet" href="${path}/assets/css/flaticon.css">
        <link rel="stylesheet" href="${path}/assets/css/aos.css">
        <link rel="stylesheet" href="${path}/assets/css/slick.css">
        <link rel="stylesheet" href="${path}/assets/css/default.css">
        <link rel="stylesheet" href="${path}/assets/css/style.css">
        <link rel="stylesheet" href="${path}/assets/css/responsive.css">
    </head>
    <body>

        <!-- preloader -->
        <div id="preloader">
            <div id="loading-center">
                <div class="loader">
                    <img src="${path}/assets/img/logo/ico.png" alt="">
                </div>
            </div>
        </div>
        <!-- preloader-end -->

        <!-- header-area -->
        <header class="header-style-two">
            <!-- header-search-area -->
            <div class="header-search-area">
                <div class="container custom-container">
                    <div class="row align-items-center">
                        <div class="col-xl-2 col-lg-3 d-none d-lg-block">
                            <div class="logo">
                                <a href="${path}/Index"><img src="${path}/assets/img/logo/logo.png" alt="Logo"></a>
                            </div>
                        </div>
                        <div class="col-xl-10 col-lg-9">
                            <div class="d-block d-sm-flex align-items-center justify-content-end">
                                <div class="header-search-wrap">
                                    <form action="#">
                                        <input type="text" placeholder="搜索商品">
                                        <button><i class="flaticon-loupe-1"></i></button>
                                    </form>
                                </div>
                                <div class="header-action">
                                    <ul>
                                        <c:choose>
                                        <c:when test="${requestScope.userSession==null}">
                                        <li class="header-user" ><a href="${path}/Login" style="color: var(--color-primary);width: 60px;border-radius: 20px">
                                            登录</a></li>
<%--                                        <li class="header-wishlist">--%>
<%--                                            <a href="#"><i class="flaticon-heart-shape-outline"></i></a>--%>
<%--                                            <span class="item-count">0</span>--%>
<%--                                        </li>--%>
                                        <li class="header-user"><a href="${path}/Regist" style="color: var(--color-primary);width: 60px;border-radius: 20px">
                                            注册</a></li>
                                        </c:when>
                                            <c:otherwise>
                                                <li class="header-user">
                                                    <div class="header-cart-wrap">
                                                        <a href="${path}/User"><img src="${requestScope.userSession.pic_link}" alt="" style="width:44px;border-radius: 50px;height: 44px;object-fit: cover"></a>
                                                        <ul class="minicart" style="padding-right: 10px">
                                                            <li class="d-flex align-items-start">
                                                                <div class="cart-img">
                                                                   <img src="${requestScope.userSession.pic_link}" alt="" style="width: 90px;height: 90px;border-radius: 90px">
                                                                </div>
                                                                <div class="cart-content" style="margin-top: 15px;padding-right: 15px">
                                                                    <h4>${requestScope.userSession.loginname}</h4>
                                                                    <div class="cart-price">
                                                                        <span class="new">${requestScope.userSession.userTypeText}</span>
                                                                        <span style="margin: 0">${requestScope.userSession.phone}</span>
                                                                    </div>
                                                                </div>
                                                                <div class="del-icon">
                                                                    <a onclick="logout()" style="cursor: pointer"><i class="far fa-sign-out-alt"></i></a>
                                                                </div>
                                                            </li>
                                                            <li class="d-flex align-items-start">
                                                                <div class="index-proPicBtns">
                                                                    <a href="${path}/User"><button>个人中心</button></a>
                                                                    <a href="${path}/Orders"><button>已买到的宝贝</button></a>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <li class="header-cart-action">
                                                    <div class="header-cart-wrap">
                                                        <a href="${path}/Cart"><i class="flaticon-shopping-basket"></i></a>
                                                        <span class="item-count">2</span>
                                                        <ul class="minicart">
                                                            <li class="d-flex align-items-start">
                                                                <div class="cart-img">
                                                                    <a href="${path}/Cart"><img src="${path}/assets/img/product/cart_p01.jpg" alt=""></a>
                                                                </div>
                                                                <div class="cart-content">
                                                                    <h4><a href="Product.jsp">Organic Farm Fresh Nuts</a></h4>
                                                                    <div class="cart-price">
                                                                        <span class="new">$229.9</span>
                                                                        <span><del>$229.9</del></span>
                                                                    </div>
                                                                </div>
                                                                <div class="del-icon">
                                                                    <a href="#"><i class="far fa-trash-alt"></i></a>
                                                                </div>
                                                            </li>
                                                            <li class="d-flex align-items-start">
                                                                <div class="cart-img">
                                                                    <a href="Product.jsp"><img src="${path}/assets/img/product/cart_p02.jpg" alt=""></a>
                                                                </div>
                                                                <div class="cart-content">
                                                                    <h4><a href="Product.jsp">Organic Fresh Nuts Vanla Butter</a></h4>
                                                                    <div class="cart-price">
                                                                        <span class="new">$229.9</span>
                                                                        <span><del>$229.9</del></span>
                                                                    </div>
                                                                </div>
                                                                <div class="del-icon">
                                                                    <a href="#"><i class="far fa-trash-alt"></i></a>
                                                                </div>
                                                            </li>
                                                            <li>
                                                                <div class="total-price">
                                                                    <span class="f-left">Total:</span>
                                                                    <span class="f-right">$239.9</span>
                                                                </div>
                                                            </li>
                                                            <li>
                                                                <div class="checkout-link">
                                                                    <a href="Cart.jsp">Shopping Cart</a>
                                                                    <a class="black-color" href="checkout.jsp">Checkout</a>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                            </c:otherwise>
                                        </c:choose>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- header-search-area-end -->
        </header>
        <!-- header-area-end -->


        <!-- main-area -->
        <main>

            <!-- slider-area -->
            <section class="slider--area" data-background="${path}/assets/img/bg/slider_area_bg.jpg">
                <div class="container custom-container">
                    <div class="row">
                        <div class="col-3 d-none d-lg-block">
                            <div class="header-category">
                                <a href="javascript:return false;" disabled class="cat-toggle1"><i class="fas fa-bars"></i>所有分类<i class="fas fa-angle-down"></i></a>
                                <ul class="category-menu" style="padding-bottom: 0">
                                    <li><a href="${path}/AllProducts"><i class="fa fa-list"></i>全部商品</a><li>
                                    <li><a href="${path}/Types?category=14"><i class="fa fa-graduation-cap"></i>课程/学习用品</a></li>
                                    <li><a href="${path}/Types?category=1"><i class="flaticon-chicken-leg"></i>食品/速食/生鲜</a></li>
                                    <li><a href="${path}/Types?category=2"><i class="fa fa-magic"></i> 个护/化妆品</a></li>
                                    <li><a href="${path}/Types?category=3"><i class="fa fa-shopping-bag"></i> 服饰/鞋包</a></li>
                                    <li><a href="${path}/Types?category=4"><i class="fa fa-bath"></i>居家用品</a></li>
                                    <li><a href="${path}/Types?category=5"><i class="fa fa-keyboard"></i>数码产品</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-7">
                            <div class="slider-active">
                                <div class="single-slider slider-bg content-right" data-background="${path}/assets/img/slider/slider__bg01.jpg">
                                    <div class="slider-content">
                                        <h5 class="sub-title" data-animation="fadeInUp" data-delay=".2s" style="color: #10d710;">精锐战将</h5>
                                        <h2 class="title" data-animation="fadeInUp" data-delay=".4s">雷蛇黑寡妇机械键盘</h2>
                                        <a href="${path}/details?id=2" class="btn" data-animation="fadeInUp" data-delay=".8s">查看详情</a>
                                    </div>
                                </div>
                                <div class="single-slider slider-bg" data-background="${path}/assets/img/slider/slider__bg02.jpg" style="background-position: left">
                                    <div class="slider-content">
                                        <h5 class="sub-title" data-animation="fadeInUp" data-delay=".2s">全屏先手</h5>
                                        <h2 class="title" data-animation="fadeInUp" data-delay=".4s">第7代Apple Watch</h2>
                                        <p data-animation="fadeInUp" data-delay=".6s">事事拿手，轻松入手</p>
                                        <a href="shop.jsp" class="banner_black" data-animation="fadeInUp" data-delay=".8s">查看详情</a>
                                    </div>
                                </div>
                                <div class="single-slider slider-bg" data-background="${path}/assets/img/slider/slider__bg03.jpg">
                                    <div class="slider-content">
                                        <h5 class="sub-title" data-animation="fadeInUp" data-delay=".2s">best service</h5>
                                        <h2 class="title" data-animation="fadeInUp" data-delay=".4s">nutrition food</h2>
                                        <p data-animation="fadeInUp" data-delay=".6s">Get up to 50% OFF Today Only</p>
                                        <a href="shop.jsp" class="btn" data-animation="fadeInUp" data-delay=".8s">Shop Now</a>
                                    </div>
                                </div>
                                <div class="single-slider slider-bg" data-background="${path}/assets/img/slider/slider__bg04.jpg">
                                    <div class="slider-content">
                                        <h5 class="sub-title" data-animation="fadeInUp" data-delay=".2s">全屏先手</h5>
                                        <h2 class="title" data-animation="fadeInUp" data-delay=".4s">第7代Apple Watch</h2>
                                        <p data-animation="fadeInUp" data-delay=".6s">事事拿手，轻松入手</p>
                                        <a href="shop.jsp" class="banner_black" data-animation="fadeInUp" data-delay=".8s">查看详情</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- category-area -->
                <div class="container custom-container">
                    <div class="slider-category-wrap">
                        <div class="row category-active">
                            <div class="col-lg-2">
                                <div class="category-item active">
                                    <a href="shop.jsp" class="category-link"></a>
                                    <div class="category-thumb">
                                        <img src="${path}/assets/img/product/category_img01.png" alt="">
                                    </div>
                                    <div class="category-content">
                                        <h6 class="title">Juice & Drinks</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2">
                                <div class="category-item">
                                    <a href="shop.jsp" class="category-link"></a>
                                    <div class="category-thumb">
                                        <img src="${path}/assets/img/product/category_img02.png" alt="">
                                    </div>
                                    <div class="category-content">
                                        <h6 class="title">Vegetables</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2">
                                <div class="category-item">
                                    <a href="shop.jsp" class="category-link"></a>
                                    <div class="category-thumb">
                                        <img src="${path}/assets/img/product/category_img03.png" alt="">
                                    </div>
                                    <div class="category-content">
                                        <h6 class="title">Fresh Nuts</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2">
                                <div class="category-item">
                                    <a href="shop.jsp" class="category-link"></a>
                                    <div class="category-thumb">
                                        <img src="${path}/assets/img/product/category_img04.png" alt="">
                                    </div>
                                    <div class="category-content">
                                        <h6 class="title">Cleaning</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2">
                                <div class="category-item">
                                    <a href="shop.jsp" class="category-link"></a>
                                    <div class="category-thumb">
                                        <img src="${path}/assets/img/product/category_img05.png" alt="">
                                    </div>
                                    <div class="category-content">
                                        <h6 class="title">fresh meat</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2">
                                <div class="category-item">
                                    <a href="shop.jsp" class="category-link"></a>
                                    <div class="category-thumb">
                                        <img src="${path}/assets/img/product/category_img06.png" alt="">
                                    </div>
                                    <div class="category-content">
                                        <h6 class="title">Powders</h6>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- category-area-end -->

            </section>
            <!-- slider-area-end -->

            <!-- special-products-area -->
            <section class="special--products-area pt-70 pb-30">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-lg-6 col-md-10">
                            <div class="section-title section-title-two text-center mb-30">
                                <span class="sub-title">Awesome Shop</span>
                                <h2 class="title">Our Special Products</h2>
                            </div>
                            <div class="special--product-nav">
                                <button class="active" data-filter="*">Featured</button>
                                <button class="" data-filter=".cat-one">Best Seller</button>
                                <button class="" data-filter=".cat-two">Top Rated</button>
                            </div>
                        </div>
                    </div>
                    <div class="row special--product-active">
                        <div class="col-xl-3 col-md-4 col-sm-6 grid-item grid-sizer cat-two">
                            <div class="sp--product--item mb-50">
                                <div class="sp--product--thumb">
                                    <span class="batch">-20 %</span>
                                    <a href="${path}/Cart" class="wishlist"><i class="flaticon-heart-shape-outline"></i></a>
                                    <a href="Product.jsp"><img src="${path}/assets/img/product/sp__products01.png" alt=""></a>
                                </div>
                                <div class="sp--product--content">
                                    <h6 class="title"><a href="Product.jsp">Watermelon</a></h6>
                                    <div class="rating">
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                    </div>
                                    <div class="price">$12.00/kg</div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-md-4 col-sm-6 grid-item grid-sizer cat-one">
                            <div class="sp--product--item mb-50">
                                <div class="sp--product--thumb">
                                    <a href="Cart.jsp" class="wishlist"><i class="flaticon-heart-shape-outline"></i></a>
                                    <a href="Product.jsp"><img src="${path}/assets/img/product/sp__products02.png" alt=""></a>
                                </div>
                                <div class="sp--product--content">
                                    <h6 class="title"><a href="Product.jsp">Walnuts Max</a></h6>
                                    <div class="rating">
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                    </div>
                                    <div class="price">$09.99/kg</div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-md-4 col-sm-6 grid-item grid-sizer cat-two">
                            <div class="sp--product--item mb-50">
                                <div class="sp--product--thumb">
                                    <a href="Cart.jsp" class="wishlist"><i class="flaticon-heart-shape-outline"></i></a>
                                    <a href="Product.jsp"><img src="${path}/assets/img/product/sp__products03.png" alt=""></a>
                                </div>
                                <div class="sp--product--content">
                                    <h6 class="title"><a href="Product.jsp">Black Grapes</a></h6>
                                    <div class="rating">
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                    </div>
                                    <div class="price">$05.99/kg</div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-md-4 col-sm-6 grid-item grid-sizer cat-one">
                            <div class="sp--product--item mb-50">
                                <div class="sp--product--thumb">
                                    <span class="batch new">New</span>
                                    <a href="Cart.jsp" class="wishlist"><i class="flaticon-heart-shape-outline"></i></a>
                                    <a href="Product.jsp"><img src="${path}/assets/img/product/sp__products04.png" alt=""></a>
                                </div>
                                <div class="sp--product--content">
                                    <h6 class="title"><a href="Product.jsp">Grassland Dairy</a></h6>
                                    <div class="rating">
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                    </div>
                                    <div class="price">$1.99/kg</div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-md-4 col-sm-6 grid-item grid-sizer cat-one cat-two">
                            <div class="sp--product--item mb-50">
                                <div class="sp--product--thumb">
                                    <a href="Cart.jsp" class="wishlist"><i class="flaticon-heart-shape-outline"></i></a>
                                    <a href="Product.jsp"><img src="${path}/assets/img/product/sp__products05.png" alt=""></a>
                                </div>
                                <div class="sp--product--content">
                                    <h6 class="title"><a href="Product.jsp">Organic Broccoli</a></h6>
                                    <div class="rating">
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                    </div>
                                    <div class="price">$7.99/kg</div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-md-4 col-sm-6 grid-item grid-sizer cat-one">
                            <div class="sp--product--item mb-50">
                                <div class="sp--product--thumb">
                                    <a href="Cart.jsp" class="wishlist"><i class="flaticon-heart-shape-outline"></i></a>
                                    <a href="Product.jsp"><img src="${path}/assets/img/product/sp__products06.png" alt=""></a>
                                </div>
                                <div class="sp--product--content">
                                    <h6 class="title"><a href="Product.jsp">Organic Butter</a></h6>
                                    <div class="rating">
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                    </div>
                                    <div class="price">$3.99/kg</div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-md-4 col-sm-6 grid-item grid-sizer cat-one cat-two">
                            <div class="sp--product--item mb-50">
                                <div class="sp--product--thumb">
                                    <span class="batch new">New</span>
                                    <a href="Cart.jsp" class="wishlist"><i class="flaticon-heart-shape-outline"></i></a>
                                    <a href="Product.jsp"><img src="${path}/assets/img/product/sp__products07.png" alt=""></a>
                                </div>
                                <div class="sp--product--content">
                                    <h6 class="title"><a href="Product.jsp">Mat Orange</a></h6>
                                    <div class="rating">
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                    </div>
                                    <div class="price">$13.99/kg</div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-md-4 col-sm-6 grid-item grid-sizer cat-one cat-two">
                            <div class="sp--product--item mb-50">
                                <div class="sp--product--thumb">
                                    <a href="Cart.jsp" class="wishlist"><i class="flaticon-heart-shape-outline"></i></a>
                                    <a href="Product.jsp"><img src="${path}/assets/img/product/sp__products08.png" alt=""></a>
                                </div>
                                <div class="sp--product--content">
                                    <h6 class="title"><a href="Product.jsp">France Potato</a></h6>
                                    <div class="rating">
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                    </div>
                                    <div class="price">$02.99/kg</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- special-products-area-end -->

            <!-- discount-time-area -->
            <section class="discount-time-area">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <div class="discount-time-bg">
                                <div class="discount-time-img left"><img src="${path}/assets/img/images/discount_count_shape01.png" class="wow rollIn" data-wow-delay=".3s" alt=""></div>
                                <div class="discount-time-img right"><img src="${path}/assets/img/images/discount_count_shape02.png" alt=""></div>
                                <div class="discount-time-content">
                                    <div class="section-title section-title-two text-center mb-25">
                                        <span class="sub-title">Get a Discount</span>
                                        <h2 class="title">Best Deals of this Week!</h2>
                                    </div>
                                    <div class="coming-time" data-countdown="2021/10/20"></div>
                                    <a href="shop.jsp" class="btn">Shop Now</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- discount-time-area-end -->

            <!-- bd-week-area -->
            <section class="bd-week-area pt-70 pb-30">
                <div class="container">
                    <div class="row align-items-end mb-50">
                        <div class="col-md-8 col-sm-9">
                            <div class="section-title section-title-two">
                                <span class="sub-title">Season Discount</span>
                                <h2 class="title">Best Deals of this Week!</h2>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-3">
                            <div class="section-btn-link text-left text-md-right">
                                <a href="shop.jsp">Shop All <i class="fas fa-angle-double-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="row justify-content-center">
                        <div class="col-xl-3 col-md-4 col-sm-6">
                            <div class="sp--product--item mb-50">
                                <div class="sp--product--thumb">
                                    <a href="Cart.jsp" class="wishlist"><i class="flaticon-heart-shape-outline"></i></a>
                                    <a href="Product.jsp"><img src="${path}/assets/img/product/bdw_products01.png" alt=""></a>
                                </div>
                                <div class="sp--product--content">
                                    <h6 class="title"><a href="Product.jsp">Organic Broccoli</a></h6>
                                    <div class="rating">
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                    </div>
                                    <div class="price">$12.00/kg</div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-md-4 col-sm-6">
                            <div class="sp--product--item mb-50">
                                <div class="sp--product--thumb">
                                    <a href="Cart.jsp" class="wishlist"><i class="flaticon-heart-shape-outline"></i></a>
                                    <a href="Product.jsp"><img src="${path}/assets/img/product/bdw_products02.png" alt=""></a>
                                </div>
                                <div class="sp--product--content">
                                    <h6 class="title"><a href="Product.jsp">Organic Butter</a></h6>
                                    <div class="rating">
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                    </div>
                                    <div class="price">$9.99/kg</div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-md-4 col-sm-6">
                            <div class="sp--product--item mb-50">
                                <div class="sp--product--thumb">
                                    <span class="batch new">New</span>
                                    <a href="Cart.jsp" class="wishlist"><i class="flaticon-heart-shape-outline"></i></a>
                                    <a href="Product.jsp"><img src="${path}/assets/img/product/bdw_products03.png" alt=""></a>
                                </div>
                                <div class="sp--product--content">
                                    <h6 class="title"><a href="Product.jsp">Mat Orange</a></h6>
                                    <div class="rating">
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                    </div>
                                    <div class="price">$9.99/kg</div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-md-4 col-sm-6">
                            <div class="sp--product--item mb-50">
                                <div class="sp--product--thumb">
                                    <a href="Cart.jsp" class="wishlist"><i class="flaticon-heart-shape-outline"></i></a>
                                    <a href="Product.jsp"><img src="${path}/assets/img/product/bdw_products04.png" alt=""></a>
                                </div>
                                <div class="sp--product--content">
                                    <h6 class="title"><a href="Product.jsp">France Potato</a></h6>
                                    <div class="rating">
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                    </div>
                                    <div class="price">$9.99/kg</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- bd-week-area-end -->

            <!-- ganic-app-area -->
            <section class="ganic-app-area">
                <div class="container">
                    <div class="ganic-app-wrap">
                        <div class="ganic-app-img">
                            <img src="${path}/assets/img/images/download_img.png" alt="">
                        </div>
                        <div class="row justify-content-end">
                            <div class="col-lg-6">
                                <div class="ganic-app-content">
                                    <div class="shape"><img src="${path}/assets/img/images/app_download_shape.png" alt=""></div>
                                    <span class="sub-title">Online Platform</span>
                                    <h2 class="title"><span>download</span> ganic APP 2021</h2>
                                    <div class="ganic-app-btn">
                                        <a href="index.jsp"><img src="${path}/assets/img/icon/app_btn01.png" alt=""></a>
                                        <a href="index.jsp"><img src="${path}/assets/img/icon/app_btn02.png" alt=""></a>
                                    </div>
                                    <p>gets you 5% off every purchase</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- ganic-app-area-end -->

            <!-- blog-area -->
            <section class="blog-area pt-70 pb-50">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-xl-6 col-lg-8 col-md-10">
                            <div class="section-title section-title-two text-center mb-50">
                                <span class="sub-title">Our Articles</span>
                                <h2 class="title">Our Latest News</h2>
                                <p>Organic food is food produced by methods complying with the standards of organic farming vary worldwide</p>
                            </div>
                        </div>
                    </div>
                    <div class="row justify-content-center">
                        <div class="col-lg-4 col-md-6 col-sm-9">
                            <div class="blog-post-item mb-30">
                                <div class="blog-post-thumb">
                                    <a href="blog-details.html"><img src="${path}/assets/img/blog/blog_post_thumb01.jpg" alt=""></a>
                                </div>
                                <div class="blog-post-content">
                                    <div class="blog-post-date">03 <span>AUG</span></div>
                                    <div class="blog-post-meta">
                                        <ul>
                                            <li><a href="blog-details.html">Admin</a></li>
                                            <li><a href="blog-details.html">03 Comments</a></li>
                                        </ul>
                                    </div>
                                    <h4 class="title"><a href="blog-details.html">Best ways to support healthy immune system</a></h4>
                                    <div class="blog-post-bottom">
                                        <ul>
                                            <li class="read-more"><a href="blog-details.html">Read More <i class="fas fa-angle-double-right"></i></a></li>
                                            <li class="share-btn"><a href="blog-details.html"><i class="fas fa-share-alt"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 col-sm-9">
                            <div class="blog-post-item mb-30">
                                <div class="blog-post-thumb">
                                    <a href="blog-details.html"><img src="${path}/assets/img/blog/blog_post_thumb02.jpg" alt=""></a>
                                </div>
                                <div class="blog-post-content">
                                    <div class="blog-post-date">04 <span>AUG</span></div>
                                    <div class="blog-post-meta">
                                        <ul>
                                            <li><a href="blog-details.html">Admin</a></li>
                                            <li><a href="blog-details.html">04 Comments</a></li>
                                        </ul>
                                    </div>
                                    <h4 class="title"><a href="blog-details.html">Organic food is food produced methods complying</a></h4>
                                    <div class="blog-post-bottom">
                                        <ul>
                                            <li class="read-more"><a href="blog-details.html">Read More <i class="fas fa-angle-double-right"></i></a></li>
                                            <li class="share-btn"><a href="blog-details.html"><i class="fas fa-share-alt"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 col-sm-9">
                            <div class="blog-post-item mb-30">
                                <div class="blog-post-thumb">
                                    <a href="blog-details.html"><img src="${path}/assets/img/blog/blog_post_thumb03.jpg" alt=""></a>
                                </div>
                                <div class="blog-post-content">
                                    <div class="blog-post-date">05 <span>AUG</span></div>
                                    <div class="blog-post-meta">
                                        <ul>
                                            <li><a href="blog-details.html">Admin</a></li>
                                            <li><a href="blog-details.html">03 Comments</a></li>
                                        </ul>
                                    </div>
                                    <h4 class="title"><a href="blog-details.html">Best ways to support healthy immune system</a></h4>
                                    <div class="blog-post-bottom">
                                        <ul>
                                            <li class="read-more"><a href="blog-details.html">Read More <i class="fas fa-angle-double-right"></i></a></li>
                                            <li class="share-btn"><a href="blog-details.html"><i class="fas fa-share-alt"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- blog-area-end -->

        </main>
        <!-- main-area-end -->


        <!-- footer-area -->
        <footer>
            <div class="copyright-wrap">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-md-6">
                            <div class="copyright-text">
                                <p>Copyright &copy 2006-2020 武汉北启至优文化科技有限公司 版权所有 All Rights Reserved.</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="payment-accepted text-center text-md-right">
                                <img src="${path}/assets/img/images/payment_card.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- footer-area-end -->





		<!-- JS here -->
        <script src="${path}/assets/js/vendor/jquery-3.6.0.min.js"></script>
        <script src="${path}/assets/js/bootstrap.min.js"></script>
        <script src="${path}/assets/js/isotope.pkgd.min.js"></script>
        <script src="${path}/assets/js/imagesloaded.pkgd.min.js"></script>
        <script src="${path}/assets/js/jquery.magnific-popup.min.js"></script>
        <script src="${path}/assets/js/jquery.countdown.min.js"></script>
        <script src="${path}/assets/js/jquery-ui.min.js"></script>
        <script src="${path}/assets/js/slick.min.js"></script>
        <script src="${path}/assets/js/ajax-form.js"></script>
        <script src="${path}/assets/js/wow.min.js"></script>
        <script src="${path}/assets/js/aos.js"></script>
        <script src="${path}/assets/js/plugins.js"></script>
        <script src="${path}/assets/js/main.js"></script>
        <script>
            function logout(){
                $.ajax({
                        url:"${path}/logoutServlet",
                        data:{},
                        type:"POST",
                        dataType:"json",
                        complete:function (data){
                            location.reload();
                        },
                    }
                )
            }
        </script>
    </body>
</html>
